<template>
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 py-2 gap-4 md:gap-2 gva-container2">
    <gva-card title="" custom-class="col-span-1 md:col-span-2 lg:col-span-4 row-span-2">
      <gva-chart :type="9" />
    </gva-card>
    <div class="col-span-1 lg:col-span-4 flex flex-wrap gap-4">

      <gva-card custom-class="flex-1 h-42">
        <gva-chart :type="7" title="业务应用" />
      </gva-card>


      <gva-card custom-class="flex-1 h-42">
        <gva-chart :type="6" title="超级节点" />
      </gva-card>

    </div>

  </div>
</template>

<script setup>
import { GvaPluginTable,GvaTable, GvaChart, GvaWiki , GvaNotice , GvaQuickLink , GvaCard , GvaBanner } from "./componenst"
</script>

<style lang="scss" scoped>
</style>
